<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="芯片型号备案" name="first">
        <chip-model-form />
      </el-tab-pane>
      <el-tab-pane label="芯片型号标识符申请" name="getChipPrefix">
        <get-chip-prefix-form />
      </el-tab-pane>
      <el-tab-pane label="车载终端型号备案" name="insertTbox">
        <insert-tbox-form />
      </el-tab-pane>
      <el-tab-pane label="车载终端型号授权备案" name="insertTboxModelAuthorityForm">
        <insert-tbox-model-authority-form />
      </el-tab-pane>
      <el-tab-pane label="发动机型号备案" name="insertVehicleEngine">
        <insert-vehicle-engine-form />
      </el-tab-pane>
      <el-tab-pane label="车辆型号备案" name="insertVehicleType">
        <insert-vehicle-type-form/>
      </el-tab-pane>
      <el-tab-pane label="车辆信息备案-weiceshi" name="insertVehicle">
        <insert-vehicle-form/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import { Notification } from "element-ui";
import G6Api from "@/api/g6/g6Api";
import FromData from "./formModel";
import ChipModelForm from "./chipModelForm";
import InsertTboxForm from "./insertTboxForm";
import InsertVehicleEngineForm from './insertVehicleEngineForm';
import InsertVehicleTypeForm from './insertVehicleTypeForm';
import InsertVehicleForm from './insertVehicleForm';
import GetChipPrefixForm from "./getChipPrefixForm";
import InsertTboxModelAuthorityForm from "./insertTboxModelAuthorityForm";
export default {
  name: "simple",
  components: {
    ChipModelForm,
    InsertTboxForm,
    InsertVehicleEngineForm,
    InsertVehicleTypeForm,
    InsertVehicleForm,
    GetChipPrefixForm,
    InsertTboxModelAuthorityForm
  },
  data() {
    return {
      activeName: "first"
    };
  },
  computed: {},
  methods: {}
};
</script>
<style>
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar {
  width: 178px;
  height: 178px;
  display: block;
}
</style>
